<template>
  <div style="min-height: 500px">
    <a-table :bordered="{cell:true}" :pagination="false" stripe :data="state.roleData">
      <template #columns>
        <a-table-column title="角色名称" data-index="roleName"></a-table-column>
      </template>
    </a-table>
  </div>
</template>

<script lang="ts" setup>
import axios from "axios";
import { Message } from '@arco-design/web-vue'
import {reactive, ref, onMounted, defineAsyncComponent, defineProps} from "vue";

let props = defineProps({
  pageId : {type : Number, default: 0}
})

const state = reactive({
  roleData :[],
})
const loadPageRole = () =>{
  axios.post('/pageadmin/listpagerole', {pageId : props.pageId}).then(res => {
    const { data } = res
    state.roleData = data
  })
}
onMounted(()=>{
  loadPageRole();
})
</script>
<style scoped>

</style>
